﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>好恰恰首页</title>

    <link href="首页附件/css/basic.css" rel="stylesheet" type="text/css" />
    <link href="首页附件/css/slider.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="首页附件/js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="首页附件/js/slider.js"></script>
</head>

<body>
    <header>
        <nav>
            <ul class="bar">
                <li class="list_item" onclick="index()"><a>首页</a></li>
                <li class="list_item" onclick="introduction()"><a>零食介绍</a></li>
                <li class="list_item" onclick="snakelist()"><a>零食售卖</a></li>

                <li class="personal_bar">
                    <button class="active" href="#">个人中心</button>
                    <div class="userbox">
                        <p class="user" onclick="check()">用户</p>
                        <p class="signoff" onclick="logout()">退出登录</p>
                    </div>
                </li>
            </ul>
        </nav>
    </header>

    <iframe id="index_frame" class="iframe" src="index_iframe.html" frameborder="0"></iframe>
    <iframe id="introduction_frame" class="iframe" src="Introduction/introduction.html" frameborder="0"></iframe>
    <iframe id="snakelist_frame" class="iframe" src="SnackList/snacklist.html" frameborder="0"></iframe>

    <footer>
        <p>&copy; 2021 好恰恰首页网页</p>
    </footer>

    <script type="text/javascript" src="首页附件/js/屏幕兼容.js"></script>

    <script src="首页附件/js/interact.js"></script>

    <script src="首页附件/js/iframe切换.js"></script>

    <script src="SnackList/js/数据交互.js"></script>
</body>


</html>